<template>
  <div :class="styles.top">
    <div :class="styles.user">
      <!--a是内联的元素，无法指定宽高,可以通过指定为块来解决-->
      <a :class="styles['head-portrait']">
        <img src="../../../../../assets/headPortrait.jpg"/>
      </a>
      <div :class="styles['user-show']">
        <a :class="styles.welcome">hi~欢迎逛京东!</a>
        <p>
          <a>登陆</a>
          <a>注册</a>
        </p>
      </div>
    </div >
    <div :class="styles['user-profit']">
      <a>新人福利</a>
      <a>plus会员</a>
    </div>
  </div>
</template>

<script>
  import styles from './user.scss'

  export default {
    name: "top",
    components: {},
    model: {},
    props: {},
    data() {
      return {
        styles
      }
    },
    computed: {},
    created: function () {

    },
    mounted: function () {

    },
    updated: function () {

    },
    beforeDestroy: function () {

    },
    destroyed: function () {

    },
    methods: {}
  }
</script>
